.vtree * {
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif
}

.vtree {
  margin: 0 auto;
  padding: 5px;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.vtree li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  outline: 0
}

.vtree li ul {
  margin: 0;
  padding: 0 0 0 18px
}

.vtree li span {
  line-height: 21px;
  margin-left: 4px
}

.vtree li span.button {
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("../img/v-tree.png");
  background-position: -41px -65px;
}

.vtree li span.button.switch {
  width: 21px;
  height: 21px
}

.vtree li span.button.root_open {
  background-position: -105px -63px
}

.vtree li span.button.root_close {
  background-position: -126px -63px
}

.vtree li span.button.roots_open {
  background-position: -107px -85px
}

.vtree li span.button.roots_close {
  background-position: -128px -85px
}